<link rel="stylesheet" href="@ajaxupload.css" type="text/css" />
<div class="ajax-upload-dragdrop">
  <div class="ajax-file-upload" bd-role="uploadLabel">上传</div>
  <span bd-if="state.dragDrop"><b>将文件拖放到此处</b></span>
</div>
<div class="ajax-file-upload-error" bd-html="state.errMsg"></div>

<div class="ajax-file-upload-container" bd-role="container">
  <div class="ajax-file-upload-statusbar" bd-repeat="info in fileInfos">
    <img class="ajax-file-upload-preview" bd-src="{{info.src}}" bd-show="state.showPreview" />
    <div class="ajax-file-upload-filename" bd-html="info.filename"></div>
    <div class="ajax-file-upload-progress" bd-show="state.showProgress && info.progress">
      <div class="ajax-file-upload-bar" bd-style="width:{{info.progress}}%">{{info.progress||0}}%</div>
    </div>
    <div class="ajax-file-upload-red ajax-file-upload-abort" bd-show="state.showAbort && info.uploading" bd-click="cancel(info)">取消</div>
    <div class="ajax-file-upload-green" bd-show="state.showDownload && info.progress == 100" bd-click="download(info)">下载</div>
    <div class="ajax-file-upload-red" bd-show="state.showDelete && info.progress == 100" bd-click="del(info)">删除</div>
    <span bd-html="info.errMsg" class="ajax-file-upload-error"></span>
  </div>
</div>
